<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>信息管理系统界面</title>
<link href="${pageContext.request.contextPath}/css/style.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="${pageContext.request.contextPath}/js/jquery-1.11.0.min.js"></script>
<!-- 以下三个是校验使用的js -->
<link rel="stylesheet"
	href="${pageContext.request.contextPath}/css/validationEngine.css">
<script
	src="${pageContext.request.contextPath}/js/jquery.validationEngine-zh_CN.js"></script>
<script
	src="${pageContext.request.contextPath}/js/jquery.validationEngine.js"></script>

</head>
<script type="text/javascript">
$(function () {
	//校验使用的js
	$("#itemForm").validationEngine("attach", {
		showOneMessage : true,
		autoHidePrompt : true,
		promptPosition : "bottomRight"
	});
	
    //检测窗口的大小变化
    $(window).resize(content_resize);  
     content_resize();

   //点击弹出窗右上角关闭弹出窗
     $(".tiptop a,.sure,.cancel").click(function(){
      $(".tip").fadeOut(200);//关闭弹出窗
       $("#bg").css("display", "none");  //点击关闭按钮的时候，遮罩层关闭
    });


});
 function content_resize(){
       var W = $(document); 
        var h =W.height();
       // var h =W.height();
       //alert("hhh="+h);
        $("#iframe1").css({"height":h});
    }
    function top1(){
        //点击弹出按钮的时候,遮罩层打开
        $("#bg").css({
            display: "block", height: $(document).height()
        });
        //弹出窗口
        $(".tip").fadeIn(200);
    };
    
    
    
    
    
    
    
   /*  //添加图像描述信息
    function addImg(){
    	$("form:first").submit(function(){
    		var option = {
					url:"${pageContext.request.contextPath}/picture/addPicture.do",
					type:"post",
					async:false,
					dataType:"text",
					success:function(responseText){
						if(responseText == "yes"){
							alert("yes");
							return false;
						}else{
							alert("NO");
						}
					},
					error:function(){
						alert("系统错误");
					}
			}
			$.ajax(option);
    	});
    }
    
    function submitUpload(){
    	var option = {
    			url:"${pageContext.request.contextPath}/upload/uploadPic.do",
    			type:"post",
    			dataType:"text",
    			data:{
    				fileName:"imgsFile"
    			},
    			success:function(responseText){
    				
    				var obj = $.parseJSON(responseText);
    				$("#urladdress").attr("src", obj.realPath);
    				
    			},
    			error:function(){
    				alert("系统错误");
    			}
    	}
    	//以ajax的方式提交表单，如果option中指定url那么表单就不再提交到表单中action，而是提交option中的url上
    	$("#addImg").ajaxSubmit(option);
    } */
 
</script>



<body>



	<iframe id='iframe1' frameborder="0" width="100%" height=""
		src="${pageContext.request.contextPath}/skip/main.do"></iframe>
	<div id="bg"></div>





	<%-- <div class="tip">
		<div class="tiptop">
			<span>添加</span><a></a>
		</div>
	<form id="addImg" action="${pageContext.request.contextPath}/picture/addPicture.do" method="post" enctype="multipart/form-data">
		
		<div class="tipinfo">

			<ul class="forminfo">
			    <input name="typeId" type="hidden" value="" disabled="disabled"/><!-- 类别id -->
			    <input name="remarks1" type="hidden" value="" disabled="disabled"/><!-- 上传时间 -->
			    <input name="remarks2" type="hidden" value="" disabled="disabled"/><!-- 上传用户 -->
				<li>
					<label>图片名称</label>
					<select name="picname" type="text" style="width:157px;">
					   <option>请选择</option>
					   <option>图片1</option>
					   <option>图片2</option>
					 </select>
					<i>请先择(或填写)图片名称</i>
				</li>
				<li>
					<label>图片期数</label>
					<select name="periods" type="text"	style="width:157px;"	class="" >
					  <option>请选择</option>
					  <option>第一期</option>
					  <option>第二期</option>
					</select>
					<i>请选择期数</i>
				</li>
				<li><label>是否审核</label><cite><input name="isRecommend" type="radio"
						value="Y" checked="checked" />是&nbsp;&nbsp;&nbsp;&nbsp;<input
						name="isRecommend" type="radio" value="N" />否</cite></li>
						<!-- 回显图片 -->
						<li>
							<img id='urladdress' src="" height="100" width="100" />
						</li>
				<li>
					<label>上传图片</label>
					<input name="imgsFile" type="file" onchange='submitUpload()'/>
				</li>

			</ul>
		</div>
		<div class="tipbtn">
			<input name="" type="submit" class="sure" value="确定"  onclick="addImg()"/>&nbsp; 
			<input name="" type="button" class="cancel" value="取消" />
		</div>
	</form>
	</div> --%>
	
	
	
	<!-- 密码修改的弹出 -->
	<div class="tip">
		<div class="tiptop">
			<span>修改密码</span><a></a>
		</div>
		 <form action="${pageContext.request.contextPath}/user/doModifyPwd.do" method="post"
								name="itemForm" id="itemForm" class="kuang">
		<div class="tipinfo">
		
    <ul class="forminfo">
    <li><label>用户名</label>${sessionScope.baUserLogin.username}</li>
    <li><label>旧密码</label><input type="password" name="password"
										value="" class="text5"
										data-validation-engine="validate[required]"
										data-errormessage-value-missing="旧密码不能为空" onclick="JavaScript:this.value=''"/><i style="color:red;padding-left:5px">*</i></li>
    <li><label>新密码</label><input
										type="password" id="newPwd" name="newPwd" value=""
										class="text5" data-validation-engine="validate[required]"
										data-errormessage-value-missing="新密码不能为空" /><i style="color:red;padding-left:5px">*</i></li>
    <li><label>确认密码</label><input type="password"
										name="confirmPwd" value="" class="text5"
										data-validation-engine="validate[required,equals[newPwd]]"
										data-errormessage-value-missing="确认密码不能为空" /></li>
    <!-- <li><label>&nbsp;</label><input type="submit"
										id="btnSignCheck" class="submit" style="width: 120px;"
										name="submit" value="确定修改" /></li> -->
    </ul>
   
		</div>
		<div class="tipbtn">
			<input type="submit"
										id="btnSignCheck" class="submit" style="width: 120px;"
										name="submit" value="确定修改" />
		</div>
		 </form>
	</div>
	
	

</body>
</html>
